问题
现在苹果的尺寸越来越多,Xcode的图标配置以及启动图的尺寸又做的不够人性化,没有提示尺寸,所以很多时候都需要网上找相关的资料或者利用第三方生成工具生成对应尺寸的素材。比较麻烦,所以准备自己记录一下相关尺寸,便于以后管理查阅。
AppIcon
类型 | 尺寸 | 备注 |
---|---|---|
iPhone Notification | 2x(40x40) 3x(60x60) | iOS 7-12 20pt |
iPhone Settings | 2x(58x58) 3x(87x87) | iOS 7-12 29pt |
iPhone Spotlight | 2x(80x80) 3x(120x120) | iOS 7-12 40pt |
iPhone APP | 2x(120x120) 3x(180x180) | iOS 7-12 60pt |
iPad Notifications | 1x(20x20) 2x(40x40) | iOS 7-12 20pt |
iPad Settings | 1x(29x29) 2x(58x58) | iOS 7-12 29pt |
iPad Spotlight | 1x(40x40) 2x(80x80) | iOS 7-12 40pt |
iPad APP | 1x(76x76) 2x(152x152) | iOS 7-12 76pt |
iPad Pro(12.9寸)App | 2x(167x167) | iOS 9-12 83.5pt |
App Store | 2x(40x40) 1x(1024x1024) | iOS 1024pt |
LaunchImage
类型 | 尺寸 | 备注 |
---|---|---|
Portrait | iPhone XS Max(1242x2688) iPhone XR(828x1792) | iOS 12+ |
Landscape | iPhone XS Max(2688x1242) iPhone XR(1792x828) | iOS 12+ |
Portrait | iPhone X(1125x2436) iPhone XS(1125x2436) | iOS 11+ |
Landscape | iPhone X(2436x1125) iPhone XS(2436x1125) | iOS 11+ |
iPhone Portrait | RetinaHD 5.5(1242x2208) RetinaHD 4.7(750x1334) | iOS 8+ |
iPhone Landscape | RetinaHD 5.5(2208x1242) | iOS 8+ |
iPhone Portrait | 2x(640x960) Retina 4(640x1136) | iOS 7+ |
iPad Portrait | 1x(768x1024) 2x(1536x2048) | iOS 7+ |
iPad Landscape | 1x(1024x768) 2x(2048x1356) | iOS 7+ |
iPhone Portrait | 1x(320x480) 2x(640x960) Retina 4(640x1136) | iOS 5,6 |
iPad Portrait Without Status Bar | 1x(768x1004) 2x(1536x2008) | iOS 5,6 |
iPad Portrait | 1x(768x1024) 2x(1536x2048) | iOS 5,6 |
iPad Landscape Without Status Bar | 1x(1024x748) 2x(2048x1496) | iOS 5,6 |
iPad Landscape | 1x(1024x768) 2x(2048x1536) | iOS 5,6 |
关于启动图的,苹果官方是建议使用故事板进行操作,如果实在不想用,就只能用静态图片。针对不同设备尺寸配置不同的静态图。下面列举目前现有设备的尺寸。
设备 | 竖屏尺寸 | 横屏尺寸 |
---|---|---|
12.9” iPad Pro | 2048px × 2732px | 2732px × 2048px |
11” iPad Pro | 1668px × 2388px | 2388px × 1668px |
10.5” iPad Pro | 1668px × 2224px | 2224px × 1668px |
9.7” iPad | 1536px × 2048px | 2048px × 1536px |
7.9” iPad mini 4 | 1536px × 2048px | 2048px × 1536px |
iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
iPhone XS | 1125px × 2436px | 2436px × 1125px |
iPhone XR | 828px × 1792px | 1792px × 828px |
iPhone X | 1125px × 2436px | 2436px × 1125px |
iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 8 | 750px × 1334px | 1334px × 750px |
iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 7 | 750px × 1334px | 1334px × 750px |
iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 6s | 750px × 1334px | 1334px × 750px |
iPhone SE | 640px × 1136px | 1136px × 640px |
扩展
关于启动页、UI素材的优化与压缩可见另外的文章,传送门➡️为自己的 APP 瘦身
参考资料
再一次感谢您花费时间阅读这篇文章!
微博: @Danny_吕昌辉
博客: SuperDanny